body {	
    font: 80%/1.45 "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
}

.dataTables_info {
	clear: both;
    float: left;
}

#animalTbl_filter.dataTables_filter label input {
	width: 310px;
	font-size: 12px;
    color: #999999;
    padding: 4px 10px 5px 30px;
    border: none;
    background: url(../images/02_background.png) top left no-repeat;
}

.dataTables_length {
    float: right;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/*
 * two arrow image for column headers
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

.tblClass {
	margin:0px;
	padding:0px;
	width:100%;
	box-shadow: 5px 5px 1px #888888;
	border:0px none;
	font-size:12px;
	color:#000000;
	text-align:center;
	
}

.tblClass table{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.tblClass tr:nth-child(odd){ background-color:#eeeedd; }
.tblClass tr:nth-child(even)    { background-color:#ccddaa; }
.tblClass td{
	vertical-align:middle;
	padding:7px;
}
.tblClass thead:first-child tr{
	background-color:#666644;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

#animalDetail {
	width: 600px; margin: 60px auto; 
	padding: 60px 30px;
	background: #bbcc55; 
	border: 1px #e1e1e1 solid;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
}

.detailLabel{
	float: left; 
	clear: both; 
	margin: 11px 20px 0 0; 
	width: 120px;
	text-align: right; 
}

.detailInput{
	clear: both;
	width: 260px; 
	height: 35px; 
	padding: 5px 20px 0px 20px; 
	margin: 0px 20px 20px 20px; 
	background: -moz-linear-gradient(top, #666644 0%, #ccddaa 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666644), color-stop(20%,#ccddaa)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	color: #000000; 
	text-transform: uppercase; 
	text-shadow: 0px -1px 0px #334f71; 
}
/*IE 10 puts a background color for every input type. Therefore the checkbox will have an ugly green gradient background.
  This css path tell IE to apply the background to only input text fields.
*/
form input[type=text] {
	background: -ms-linear-gradient(top, #666644 0%, #CCDDAA 20%); /* IE */
}
.detailInput:-webkit-input-placeholder  {
    color: #000000; 
	text-shadow: 0px -1px 0px #38506b;  
}

.detailInput:-moz-placeholder {
	color: #000000; 
	text-shadow: 0px -1px 0px #38506b; 
}

.detailInput:focus {
    background: -ms-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
	background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
}

 input[type=submit] {
	clear: both; 
	width: 185px; 
	height: 52px; 
	float: right; 
	padding: 10px 15px; 
	margin: 20px 15px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	border: 0px none;
	background: -ms-linear-gradient(top, #eeeedd 0%, #eecc66 100%); /*IE*/
	background: -moz-linear-gradient(top, #eeeedd 0%, #eecc66 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeedd), color-stop(100%,#eecc66)); /* webkit */
	cursor: pointer;
}


